{extend name="layout" /}
{block name="content"}
<header class="mui-bar mui-bar-nav header-share-card">
	<!-- <a class="mui-action-back mui-icon mui-icon-arrowthinleft mui-pull-left" href="javascript:" onclick="coco_close_window()" style="width: 50px;height: 50px;"></a>
	<h1 class="mui-title">统计</h1> -->
	<div class="share-card">
		<div class="share-card-content">
			<div class="main-content">
				<div class="uk-text-center">
					<div class="tm-label-no"><span class="tm-font-white tm-df-size">今日分享</span></div>
				</div>
				<div class="tm-flex-row-lg">
					<div class="uk-grid">
						<div class="uk-width-1-3">
							<div class="share-item">
								<div class="share-item-icon">
									<span class="tm-df-size">{$share_poster4}</span>
								</div>
								<div class="share-item-label">
									分享海报/次
								</div>
							</div>
						</div>
						<div class="uk-width-1-3">
							<div class="share-item">
								<div class="share-item-icon">
									<span class="tm-df-size">{$share_poster5}</span>
								</div>
								<div class="share-item-label">
									分享海报/次
								</div>
							</div>
						</div>
						<div class="uk-width-1-3">
							<div class="share-item">
								<div class="share-item-icon">
									<span class="tm-df-size">{$share_jifen}</span>
								</div>
								<div class="share-item-label">
									所获积分
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="main-tab">
		<div class="tm-label-small tm-bg-white border-bottom">
			<div class="main-content">
				<div class="tm-flex flex-align-center">
					<div class="share-down-btn">
						<a class="tm-df-size" >
							<div class="tm-label-item">
								<div class="tm-label">
									累计
								</div>
								<div class="mui-icon mui-icon-arrowdown">

								</div>
							</div>
						</a>
					</div>
					<div class="tm-flex-1">
						<div class="main-tab">
							<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-itme2">
								<a class="mui-control-item tm-icon-btn mui-active" href="#item1">
									<div class="tm-label-item">
										<div class="tm-label">
											海报分享榜
										</div>
									</div>
								</a>
								<a class="mui-control-item tm-icon-btn" href="#item2">
									<div class="tm-label-item">
										<div class="tm-label">
											文章分享榜
										</div>
									</div>
								</a>
								<a class="mui-control-item tm-icon-btn" href="#item3">
									<div class="tm-label-item">
										<div class="tm-label">
											积分榜
										</div>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>
<div class="mui-content">
	<!--block tab切換-->
	{neq name="$uinfo.roleid" value="9"}
	<div class="main-tab-con tm-border-top">
		<!--切换1-->
		<div id="item1" class="mui-control-content mui-active">
			<div class="rankings-card">
				<ul class="mui-table-view max">
					{volist name=":get_model_func('ShareStat', 'list_datas', 4, 4)" id="v" key="k"}
					<li class="mui-table-view-cell">
						<div class="tm-flex">
							<div class="tm-flex-1">
								<div class="tm-flex flex-align-center">
									<div class="rankings-number tm-flex-head">
										{switch name="$k"}
										    {case value="1"}
										    <div class="tm-icon">
										    	<img src="{$images_path}jinpai.png" alt="" width="19" height="19" />
										    </div>
										    {/case}
										    {case value="2"}
										    <div class="tm-icon">
										    	<img src="{$images_path}yinpai.png" alt="" width="19" height="19" />
										    </div>
										    {/case}
										    {case value="3"}
										    <div class="tm-icon">
										    	<img src="{$images_path}tongpai.png" alt="" width="19" height="19" />
										    </div>
										    {/case}
										    {default /}
										    {$k}
										{/switch}
									</div>
									<div class="tm-atav tm-flex-head">
										<div class="tm-location-parent">
											<div class="tm-location-img" style="background-image: url({$v.minfo.avatar});"></div>
											<img class="redundant-img" src="{$images_path}px-1.png" alt="" width="100">
										</div>
									</div>
									<div class="tm-df-size">
										{$v.minfo.realname}
									</div>
								</div>
							</div>
							<div class="last-padding">
								<div class="tm-df-size tm-font-green">
									{$v.nums}
								</div>
							</div>
						</div>
					</li>
					{/volist}
				</ul>
			</div>
		</div>
		<!--切换1 end-->
		<!--切换2-->
		<div id="item2" class="mui-control-content">
			<div class="rankings-card">
				<ul class="mui-table-view max">
					{volist name=":get_model_func('ShareStat', 'list_datas', 5, 4)" id="v" key="k"}
					<li class="mui-table-view-cell">
						<div class="tm-flex">
							<div class="tm-flex-1">
								<div class="tm-flex flex-align-center">
									<div class="rankings-number tm-flex-head">
										{switch name="$k"}
										    {case value="1"}
										    <div class="tm-icon">
										    	<img src="{$images_path}jinpai.png" alt="" width="19" height="19" />
										    </div>
										    {/case}
										    {case value="2"}
										    <div class="tm-icon">
										    	<img src="{$images_path}yinpai.png" alt="" width="19" height="19" />
										    </div>
										    {/case}
										    {case value="3"}
										    <div class="tm-icon">
										    	<img src="{$images_path}tongpai.png" alt="" width="19" height="19" />
										    </div>
										    {/case}
										    {default /}
										    {$k}
										{/switch}
									</div>
									<div class="tm-atav tm-flex-head">
										<div class="tm-location-parent">
											<div class="tm-location-img" style="background-image: url({$v.minfo.avatar});"></div>
											<img class="redundant-img" src="{$images_path}px-1.png" alt="" width="100">
										</div>
									</div>
									<div class="tm-df-size">
										{$v.minfo.realname}
									</div>
								</div>
							</div>
							<div class="last-padding">
								<div class="tm-df-size tm-font-green">
									{$v.nums}
								</div>
							</div>
						</div>
					</li>
					{/volist}
				</ul>
			</div>
		</div>
		<!--切换2 end-->
		<!--切换3-->
		<div id="item3" class="mui-control-content">
			<div class="rankings-card">
				<ul class="mui-table-view max">
					{volist name=":get_model_func('ShareStat', 'list_datas', 10, 4)" id="v" key="k"}
					<li class="mui-table-view-cell">
						<div class="tm-flex">
							<div class="tm-flex-1">
								<div class="tm-flex flex-align-center">
									<div class="rankings-number tm-flex-head">
										{switch name="$k"}
										    {case value="1"}
										    <div class="tm-icon">
										    	<img src="{$images_path}jinpai.png" alt="" width="19" height="19" />
										    </div>
										    {/case}
										    {case value="2"}
										    <div class="tm-icon">
										    	<img src="{$images_path}yinpai.png" alt="" width="19" height="19" />
										    </div>
										    {/case}
										    {case value="3"}
										    <div class="tm-icon">
										    	<img src="{$images_path}tongpai.png" alt="" width="19" height="19" />
										    </div>
										    {/case}
										    {default /}
										    {$k}
										{/switch}
									</div>
									<div class="tm-atav tm-flex-head">
										<div class="tm-location-parent">
											<div class="tm-location-img" style="background-image: url({$v.minfo.avatar});"></div>
											<img class="redundant-img" src="{$images_path}px-1.png" alt="" width="100">
										</div>
									</div>
									<div class="tm-df-size">
										{$v.minfo.realname}
									</div>
								</div>
							</div>
							<div class="last-padding">
								<div class="tm-df-size tm-font-green">
									{$v.nums}
								</div>
							</div>
						</div>
					</li>
					{/volist}
				</ul>
			</div>
		</div>
	</div>
	{/neq}
</div>
{/block}
{block name="script"}
<script type="text/javascript">
   
</script>
{/block}